﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link href="js/jscrollpane/jquery.jscrollpane.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.7.2.min.js" language="javascript"></script>
    <script src="js/jscrollpane/jquery.mousewheel.js" language="javascript"></script>
    <script src="js/jscrollpane/jquery.jscrollpane.min.js" language="javascript"></script>
    <script src="js/common.js" language="javascript"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
</head>

<body>

<!--header begin-->
<header class="header wrap fix">
    <h1 class="logo">
        <img src="images/logo.png">
    </h1>
    <div class="settingBox">
        <div class="setBtn">设置</div>
        <div class="setCt">
            <a href="#">个人档案</a>
            <a href="#">修改密码</a>
            <a href="#">帮助</a>
            <a href="#">退出</a>
        </div>
    </div>
</header>

<!--tips begin-->
<section class="tipsBox fix wrap">
    <a href="index.html" class="iIcoIndex"></a>
    <div class="welcome">大同第二发电厂/大同发电有限公司培训中心的陈先生，您好，您的角色是培训管理员，欢迎使用学习平台</div>
</section>

<!--main begin-->
<div class="main wrap fix">
    <!--nav begin-->
    <nav class="nav" id="nav">
        <div class="navList">
            <a class="nLink" href="#">
                <i class="nIco nIcoI"></i>
                <span class="navName">每日学习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="train.html">
                <i class="nIco nIcoB"></i>
                <span class="navName">我的培训班及考试</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="collect.html">
                <i class="nIco nIcoC"></i>
                <span class="navName">我的收藏学习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="train.html">
                <i class="nIco nIcoF"></i>
                <span class="navName">在线培训会议室</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="kb.html">
                <i class="nIco nIcoE"></i>
                <span class="navName">知识库</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="exam.html">
                <i class="nIco nIcoH"></i>
                <span class="navName">题库练习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="exam.html">
                <i class="nIco nIcoD"></i>
                <span class="navName">自助考试</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="summarize.html">
                <i class="nIco nIcoG"></i>
                <span class="navName">培训总结</span>
            </a>
        </div>
    </nav>

    <!--content begin-->
    <div class="rightMain">
        <div class="row rowPx">
            <div class="sp6">
                <div class="widgetBox">
                    <div class="wdtTit">
                        <span class="wdtName">每日学习</span>
                        <div class="wdtMoreBox">
                            <a href="#" class="wdtMore">
                                <span class="wdtMoreName">
                                    更多
                                    <i>></i>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="wdtCt">
                        <div class="teachDesc wdtCtNet">
                            众筹,翻译自国外crowdfunding一词,即大众筹资或群众筹资,香港译作“群众集资”,台湾译作“群众募资”。是指用团购+预购的形式,向网友募集项目资金的模式。众筹利用互联网和SNS传播的特性,让小企业、艺术家或个人对公众展示他们的创意,争取大家的关注和支持……
                            <a href="javascript:;" id="showTouch">[详情]</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sp6">
                <div class="widgetBox">
                    <div class="wdtTit">
                        <span class="wdtName">我的培训班及考试</span>
                        <div class="wdtMoreBox">
                            <a href="#" class="wdtMore">
                                <span class="wdtMoreName">
                                    更多
                                    <i>></i>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="wdtCt">
                        <div class="theTbBox wdtCtNet">
                            <table class="theTb">
                                <tbody>
                                <tr>
                                    <td class="theTbName">
                                        <a href="#">2014年春季安全生产技能培训</a>
                                    </td>
                                    <td class="theTbDesc">
                                        请大家尽快参加学习，学时2小时，并按时参加考试，参加培训班及考试成绩计入个人培训档案。
                                    </td>
                                    <td class="theTbDate">
                                        04-13--05-31
                                    </td>
                                    <td class="theTbTool">
                                        <span class="btnBlueTb">开办中</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="theTbName">
                                        <a href="#">全能值班员考试 </a>
                                    </td>
                                    <td class="theTbDesc">
                                        请大家尽快参加考试，自动记录到个人培训档案
                                    </td>
                                    <td class="theTbDate">
                                        2014-5-01<br>
                                        00:05:01<br>
                                        延时：6000分
                                    </td>
                                    <td class="theTbTool">
                                        <span class="btnBlueTb">开始考试</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <div class="row rowPx">
            <div class="wdtTit">
                <span class="wdtName">我的收藏学习</span>
                <div class="wdtMoreBox">
                    <a href="#" class="wdtMore">
                        <span class="wdtMoreName">
                            更多
                            <i>></i>
                        </span>
                    </a>
                </div>
            </div>
            <div class="mCLassTbBox">
                <table class="mCLassTb mCLassTb-B">
                <tbody>
                <tr>
                    <td class="clsImg">
                        <div class="myClsImgB">
                            <img alt="test" src="images/vTest.jpg">
                        </div>
                    </td>
                    <td class="clsTit">
                        <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        <p>MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                    </td>
                    <td class="clsType">
                        多媒体
                    </td>
                    <td class="clsPgs clsPgsB">
                        <div class="fix">
                            <span class="progress">
                                <i style="width:33.3%;"></i>
                            </span>
                            <span class="pgsNum">33.3%</span>
                        </div>
                        <div class="videoIcon">
                            <i class="vIco"></i>
                            <span>播放</span>
                        </div>
                    </td>
                    <td class="clsGn">
                        <a href="#">注销</a>
                    </td>
                </tr>
                <tr>
                    <td class="clsImg">
                        <div class="myClsImgB">
                            <img alt="test" src="images/word.png">
                        </div>
                    </td>
                    <td class="clsTit clsTitCen">
                        <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                    </td>
                    <td class="clsType">
                        文档
                    </td>
                    <td class="clsPgs clsPgsC">
                        <a href="#">书签处阅读</a>
                    </td>
                    <td class="clsGn">
                        <a href="#">注销</a>
                    </td>
                </tr>
                <tr>
                    <td class="clsImg">
                        <div class="myClsImgB">
                            <img alt="test" src="images/ppt.png">
                        </div>
                    </td>
                    <td class="clsTit clsTitCen">
                        <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                    </td>
                    <td class="clsType">
                        文档
                    </td>
                    <td class="clsPgs clsPgsC">
                        <a href="#">书签处阅读</a>
                    </td>
                    <td class="clsGn">
                        <a href="#">注销</a>
                    </td>
                </tr>
                <tr>
                    <td class="clsImg">
                        <div class="myClsImgB">
                            <img alt="test" src="images/pdf.png">
                        </div>
                    </td>
                    <td class="clsTit clsTitCen">
                        <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                    </td>
                    <td class="clsType">
                        文档
                    </td>
                    <td class="clsPgs clsPgsC">
                        <a href="#">书签处阅读</a>
                    </td>
                    <td class="clsGn">
                        <a href="#">注销</a>
                    </td>
                </tr>
                </tbody>
                </table>
                <div class="iTipsBox">
                    <div class="iTipsTop">温馨提示</div>
                    <div class="iTips">
                        <a href="#" class="btnCloseTips"></a>
                        <p class="iTipsTit">温馨提示：</p>
                        <p>1、请不要在公共场所或公用计算机上使用网上银行。</p>
                        <p>2、使用网上银行后，请点击页面右上角"安全退出"按钮退出。</p>
                        <p>3、建议将显示器分辨率设置为 1024 * 768 或以上进行浏览。</p>
                        <p>4、企业网银系统现支持WinXP、Win7、Win8操作系统，IE浏览器版本支持IE6（32位）、IE7（32位）、IE8（32位）、IE9（32位）、IE10（32位）。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--footer begin-->
<footer class="footer wrap fix">
    <p class="fR">ShenZhou Online Remote Training System V6</p>
</footer>

<!--navButton begin-->
<a href="javascript:;" class="navBtn" id="navBtn">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</a>

<div class="poWindows" id="sTouch">
    <div class="pCt">
        <div class="pCtBox">
            <div class="mTit myTitCen fix">
                <span class="mTitName">每日学习</span>
                <a class="mTitClose fR" href="javascript:;">关闭</a>
            </div>
            <div class="mCt">
                <div class="iTouch">
                    <div id="iTouch" class="iTouchBox">
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                        <p>众筹最初是艰难奋斗的艺术家们为创作筹措资金的一个手段，现已演变成初创企业和个人为自己的项目争取资金的一个渠道。众筹网站使任何有创意的人都能够向几乎完全陌生的人筹集资金，消除了从传统投资者和机构融资的许多障碍。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function(){
        setHeight()
        $(window).resize(function(){
            setHeight()
        })
        function setHeight(){
            $(".wdtCtNet").css("height","auto");
            if($(window).width() > 900){
                $(".row .sp6").each(function(){
                    var $t = $(this),
                            $tSib = $t.siblings(".sp6");
                    if($t.height() > $tSib.height()){
                        $tSib.find('.wdtCtNet').height($t.find('.wdtCtNet').height())
                    }
                })
            }
        }

        //弹窗显示
        $("#btnTitAdd").click(function(){
            poWindows.show($(".poWindows"));
        });


        $("#showTouch").click(function(){
            poWindows.show($("#sTouch"))
            $("#iTouch").jScrollPane({
                verticalDragMaxHeight:  68
            })
        });




    })
</script>
</html>
